import "./index.less";
import { useNavigate } from "react-router-dom";
import { PageHeaderNew } from "@/components";

export default function Index() {
  const navigate = useNavigate();

  return (
    <div className="LifeCircle_contarnier">
      <div className="header-bg"></div>
      <PageHeaderNew title="15分钟生活圈" goBack={() => navigate("/")} />

      <div className="LifeCircle_content">
        <div className="LifeCircle_content_imgBox">
          <img src="/images/banner@2x.png" alt="" />
        </div>
        <div className="LifeCircle_content_ListContent">
          <div className="LCL_meta" onClick={() => navigate("guide")}>
            <div className="LCL_meta_icon">
              <img src="/images/lifecircle/sqydl.png" alt="" />
            </div>
            <div className="LCL_meta_text">社区云导览</div>
          </div>
          <div className="LCL_meta" onClick={() => navigate("branch")}>
            <div className="LCL_meta_icon">
              <img src="/images/lifecircle/wdcx.png" alt="" />
            </div>
            <div className="LCL_meta_text">网点查询</div>
          </div>
        </div>
      </div>
    </div>
  );
}
